<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>about</title>
	<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- 头部开始 -->
	<div class="head w">
		<div class="h-inner">
			<div class="h-left">YourLOGO</div>
			<div class="h-right clearfix">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">文章</a></li>
					<li><a href="#">作品</a></li>
					<li><a href="#">关于</a></li>
				</ul>
			</div>
		</div>
		<div class="h-icon">
			<a href="https://github.com/">
				<img src="img/icon-github.png"  />
			</a>
		</div>
	</div>
	<!-- 头部结束 -->
<!-- about-main开始 -->
	<div class="about-main">
		<div class="about-left">
			<div class="name"><h4>NAME</h4></div>
			<div class="lianxi"><h4>联系方式</h4></div>
			<div class="jiaoyu"><h4>教育经历</h4></div>
			<div class="shixi"><h4>实习经历</h4></div>
		</div>
		<div class="about-middle">
			<div class="about-one">
				<img src="img/touxiang.jpeg" alt="" />
			</div>
			<div class="about-two">
				<img src="img/p-center.jpg" alt="" />
			</div>
			<div class="about-three">
				<img src="img/p-left.jpg" alt="">
			</div>
			<div class="num1"><span>2008</span></div>
			<div class="num2"><span>2011</span></div>
			<div class="num3"><span>2015</span></div>
			<div class="about-four">
				<img src="img/p-right.jpg" alt="">
			</div>
			<div class="num4"><span>2014</span></div>
			<div class="num5"><span>2015</span></div>
		</div>
		<div class="about-right">
			<section class="introduce">
				<p>这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，这是一段自我介绍，</p>
			</section>
			<section class="contact">
				<p>联系方式1：XXXXXX <br />联系方式2：XXXXXXXXXXX<br />
				联系方式3：XXXXXXXXXXX</p>
			</section>
			<section class="education">
				<p class="yi">某某某某高中</p>
				<p class="er">某某某某大学<br />某某学院 某某专业</p>
				<p class="san">某某某某大学<br />某实验室 某某专业 某某方向</p>
			</section>
			<section class="internship">
				<p id="yi">某某公司<br />主要工作内容描述</p>
				<p id="er">某某公司<br />主要工作内容描述</p>
			</section>
		</div>
	</div>
	<!-- about-main结束 -->
<!-- footer开始 -->
	<div class="footer w">
		<div class="f-head clearfix">
			<ul>
				<li>主页</li>
				<li>文章</li>
				<li>作品</li>
				<li>关于</li>
			</ul>
		</div>
		<div class="f-xian"></div>
		<div class="f-main clearfix">
			<div>
				<ul>
					<h4>学习资料</h4>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
				</ul>
			</div>
			<div>
				<ul>
					<h4>友情链接</h4>
					<li><a href="#">link</li>
					<li><a href="#">link</li>
					<li><a href="#">link</li>
					<li><a href="#">link</li>
				</ul>
			</div>
			<div>
				<ul>
					<h4>学习资料</h4>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
				</ul>
			</div>
			<div>
				<ul>
					<h4>友情链接</h4>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
					<li><a href="#">link</a></li>
				</ul>
			</div>
			<div>
				<ul>
					<h4>友情链接</h4>
					<li><a href="#">link</li>
					<li><a href="#">link</li>
					<li><a href="#">link</li>
					<li><a href="#">link</li>
				</ul>
			</div>
		</div>
		<div class="f-end">
			<div>版权信息</div>
			<div><img src="img/icon-github.png" alt="" /></div>
		</div>
	</div>
	<!-- footer结束 -->
</body>